<template>
    <div style="padding:20px;">
    	<p>组件使用示例：</p>
    	<pre>
    		< my-select 
    			v-model="value" 
    			:options="options" 
    			:disabled="disabled"
    		>
    		< /my-select>
    	</pre>
    	
    	<p>下拉框组件 参数说明：</p>
    	<p>value: 组件接收到的值</p>
    	<p>disabled: Boolean类型   表示是否禁用下拉框</p>
    	<p>
    		options: 数组格式  数据为下拉框option的值<br />
    	        例如：options:[
        		    { text: 'One', value: 'A' },
			        { text: 'Two', value: 'B' },
			        { text: 'Three', value: 'C' }
        		]
    	</p>
    	<p>可按键盘上Esc键使下拉框收起</p>
    	<br /><br />
    	<h4>下拉框组件测试：</h4>
    	<br />
    	<div>
    		value:{{value}}
    		<my-select v-model="value" :options="options" :disabled="disabled"></my-select>
    	</div>
    </div>
</template>

<script>
    module.exports = {
        name:"mn-selectTest",
        data:function(){
        	return {
        		value:'B',
        		disabled:false,
        		options:[
        		    { text: 'One', value: 'A' },
			        { text: 'Two', value: 'B' },
			        { text: 'Three', value: 'C' },
			        { text: 'four', value: 'D' },
			        { text: 'five', value: 'E' }
        		]
        	}
        },
        components:{
            'my-select':require('../component/mn-select.vue')
        }
    }
</script>

<style>
</style>